﻿body{background:#f2f2f2 !important}
.layout-cont{margin:0 auto;width:1240px}
.bk-wrap{overflow:hidden}
.bk-wrap .bk-items{background:#fff;border-radius:5px;margin-bottom:20px}
.bk-wrap .bk-items h3{height:56px;line-height:56px;font-size:16px;color:#333;font-weight:400;padding:0 20px;border-bottom:1px solid #ddd}
.bk-top{height:428px;margin:20px 0}
.bk-top .bk-tl{width:920px;height:100%}
.bk-top .bk-tl .slide-c{padding:15px 20px;position:relative}
.bk-top .bk-tl .slide-c .bd{overflow:hidden;height:312px}
.bk-top .bk-tl .slide-c .bd ul{height:312px}
.bk-top .bk-tl .slide-c .bd ul li{width:280px;height:272px;float:left;margin:20px 20px 20px 0}
.bk-top .bk-tl .slide-c .bd ul li>a{display:block;width:100%;height:100%;overflow:hidden;border-radius:5px;border:1px solid #ddd;transition:box-shadow .2s,transform .2s,-webkit-transform .2s}
.bk-top .bk-tl .slide-c .bd ul li:hover>a{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.bk-top .bk-tl .slide-c .bd ul li .sd-img{width:100%;height:170px}
.bk-top .bk-tl .slide-c .bd ul li .sd-text{padding:15px 10px 0 15px}
.bk-top .bk-tl .slide-c .bd ul li .sd-text .h4{font-size:16px;color:#333;width:100%;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.bk-top .bk-tl .slide-c .bd ul li .sd-text .h4:hover{color:#ff701d}
.bk-top .bk-tl .slide-c .bd ul li .sd-text .span{font-size:14px;color:#999;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bk-top .bk-tl .slide-c .hd{text-align:center;position:absolute;left:0;right:0}
.bk-top .bk-tl .slide-c .hd ul{margin:0 auto;overflow:hidden}
.bk-top .bk-tl .slide-c .hd ul li{display:inline-block;padding:0 5px;cursor:pointer}
.bk-top .bk-tl .slide-c .hd ul li span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ddd}
.bk-top .bk-tl .slide-c .hd ul li.on span{background:#ff701d}
.bk-top .bk-tr,.bksort-cr .bk-tr{width:300px;height:100%}
.bksort-cr .the-new.fixed{display:none;position:fixed;top:475px;height:auto}
.bk-top .bk-tr .main,.bksort-cr .bk-tr .main{padding:16px 20px}
.bk-top .bk-tr .main p,.bksort-cr .bk-tr .main p{color:#999;white-space:nowrap;line-height:34px;overflow:hidden;text-overflow:ellipsis}
.bk-top .bk-tr .main p a,.bksort-cr .bk-tr .main p a{font-size:14px;color:#999}
.bk-top .bk-tr .main p:hover a,.bksort-cr .bk-tr .main p:hover a{color:#ff701d;text-decoration:underline}
.bk-top .bk-tr .main p a span,.bksort-cr .bk-tr .main p a span{display:inline-block;width:15px;height:15px;border-radius:3px;line-height:16px;text-align:center;color:#fff;font-size:12px;background:#bbb;margin-right:10px}
.bk-top .bk-tr .main p:nth-child(-n+3) a span,.bksort-cr .bk-tr .main p:nth-child(-n+3) a span{background:#ff583d}
.bk-cont .bk-items{width:100%;overflow:hidden}
.bk-cont .bk-items:last-child{margin-bottom:80px}
.bk-cont .bk-items h3 a {color: #333;}
.bk-cont .bk-items h3 .more{font-size:14px;color:#999;float:right}
.bk-cont .bk-items h3 .more:hover{color:#ff701d}
.bk-cont .bk-items .bk-lists{width:50%;float:left}
.bk-cont .bk-items .bk-lists.w-all{width:100%}
.bk-cont .bk-items .bk-lists h4{font-size:16px;font-weight:400;color:#666;position:relative;margin:20px 0 20px 30px}
.bk-cont .bk-items .bk-lists h4:before{content:'';width:2px;height:12px;background:#ff701d;position:absolute;top:3px;left:-6px}
.bk-cont .bk-items .bk-lists h4 a:hover,.bk-tcont .cont-w .cont-items .item .item-title a:hover{color:#ff701d}
.bk-cont .bk-items .bk-lists .lists-c{padding:0 20px;max-height:190px;overflow:hidden}
.bk-cont .bk-items .bk-lists.w-all .lists-c{padding-top:20px}
.bk-cont .bk-items .bk-lists .lists-c .list{display:block;float:left;width:33.33%;font-size:14px;color:#999;margin-bottom:20px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.bk-cont .bk-items .bk-lists.w-all .lists-c .list{width:12.5%}
.bk-cont .bk-items .bk-lists.w-all .lists-c .list.w25{width:20%;padding-right:20px}
.bk-cont .bk-items .bk-lists .lists-c .list:hover{color:#ff701d}
.bk-cont .bk-items .bk-lists .lists-c .list:before{content:'';width:4px;height:4px;background:#ddd;border-radius:50%;position:absolute;top:6px;left:2px}
.bk-cont .bk-items .bk-lists .lists-c .list:hover:before{background:#ff701d}
.bk-cont .bk-items .see-more{width:100%;float:left}
.bk-cont .bk-items .see-more .a-more{display:block;width:120px;height:36px;line-height:36px;font-size:14px;color:#999;border-radius:5px;border:1px solid #ddd;text-align:center;margin:20px auto 30px}
.bk-cont .bk-items .see-more .a-more:hover{background:#ffd500;border-color:#ffd500;color:#333}
.bk-wrap .path-wrap{padding:20px 0;font-size:12px;color:#999}
.bk-wrap .path-wrap a{color:#999}
.bksort-top{padding:20px}
.bksort-top .bksort-twrap{height:160px;background:#fff;border-radius:5px;overflow:hidden}
.bksort-top .bksort-twrap .icon-l{width:200px;height:100%;float:left;background:#F7F8FA;border-radius:5px}
.bksort-top .bksort-twrap .icon-l i{display:block;width:80px;height:80px;border-radius:50%;overflow:hidden;margin:25px auto 15px}
.bksort-top .bksort-twrap .icon-l .img{display:block;width:80px;height:80px;border-radius:50%;margin:25px auto 15px;background-size:120% 120%;background-position:50%}
.bksort-top .bksort-twrap .icon-l span{display:block;text-align:center;font-size:16px;color:#333}
.bksort-top .bksort-twrap .cont-r{float:left;width:100%;height:100%;padding-left:200px;margin-left:-200px}
.bksort-top .bksort-twrap .cont-r .cont-rwrap{padding:20px 40px 0 40px}
.bksort-top .bksort-twrap .cont-r .cont-rwrap p{font-size:14px;color:#666;line-height:26px}
.bksort-top .bksort-twrap .cont-r .cont-rwrap .p1{text-align: justify;height: 130px;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.bksort-top .bksort-twrap .cont-r .cont-rwrap .p2{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bksort-top .bksort-twrap .cont-r a{display:block;width:16.6%;height:18px;float:left;font-size:16px;color:#666;margin-bottom:20px;padding:0 10px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bksort-top .bksort-twrap .cont-r a:hover{color:#ff701d}
.bksort-top .bksort-twrap .cont-r a:before{content:'';width:4px;height:4px;background:#999;border-radius:50%;position:absolute;top:6px;left:2px}
.bksort-top .bksort-twrap .cont-r a:hover:before{background:#ff701d}
.bksort-cont .bksort-cl{width:920px}
.bksort-cont .bksort-cl .bk-items{padding-bottom:30px}
.bksort-cont .bksort-cl .bk-lists{border-bottom:1px solid #ddd;margin:0 20px}
.bksort-cont .bksort-cl .bk-lists.no-bd{border-bottom:none}
.bksort-cont .bksort-cl .bk-lists h4{font-size:16px;font-weight:400;color:#666;position:relative;margin:20px 0 20px 6px}
.bksort-cont .bksort-cl .bk-lists h4:before{content:'';width:2px;height:12px;background:#ff701d;position:absolute;top:1px;left:-6px}
.bksort-cont .bksort-cl .bk-lists h4 .more{font-size:14px;color:#999;float:right}
.bksort-cont .bksort-cl .bk-lists .list-c{padding-right:40px;width:50%;float:left}
.bksort-cont .bksort-cl .bk-lists .list-c.w-all{width:100%;padding-right:0}
.bksort-cont .bksort-cl .bk-lists .list-c .h5{font-size:16px;color:#666;padding-bottom:10px}
.bksort-cont .bksort-cl .bk-lists .list-c .span{font-size:14px;color:#999;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:20px}
.bksort-cont .bksort-cl .bk-lists .list-c .lists .li{display:block;float:left;width:33.33%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#999;margin-bottom:20px;padding:0 10px;position:relative}
.bksort-cont .bksort-cl .bk-lists .list-c.w-all .lists .li{width:20%}
.bksort-cont .bksort-cl .bk-lists .list-c .lists .li:hover,.bksort-cont .bksort-cr .lists .li:hover,.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .xg-w .a-xg:hover{color:#ff701d}
.bksort-cont .bksort-cl .bk-lists .list-c .lists .li:before,.bksort-cont .bksort-cr .lists .li:before,.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .xg-w .a-xg:before{content:'';width:4px;height:4px;background:#ddd;border-radius:50%;position:absolute;top:5px;left:2px}
.bksort-cont .bksort-cl .bk-lists .list-c .lists .li:hover:before,.bksort-cont .bksort-cr .lists .li:hover:before,.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .xg-w .a-xg:hover:before{background:#ff701d}
.bksort-cont .bksort-cr{width:300px}
.bksort-cont .bksort-cr .qr{padding:20px}
.bksort-cont .bksort-cr .qr .cont1 .lis{padding:10px 0 5px}
.bksort-cont .bksort-cr .qr .cont1 .li{width:48%;height:46px;margin:0 1% 20px;position:relative}
.bksort-cont .bksort-cr .qr .cont1 .li i{display:block;width:46px;height:46px;background:url(../Images/qr-icon.png) 0 0;margin-right:8px;position:absolute;top:0;left:0}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(2) i{background-position:-50px 0}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(3) i{background-position:-100px 0}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(4) i{background-position:-147px 0}
.bksort-cont .bksort-cr .qr .cont1 .li .right{padding-left:54px}
.bksort-cont .bksort-cr .qr .cont1 .li span{display:block;font-size:14px;font-weight:700;color:#2e8dff;padding:5px 0 8px}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(2) span{color:#fd4452}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(3) span{color:#12c6dd}
.bksort-cont .bksort-cr .qr .cont1 .li:nth-child(4) span{color:#ff900c}
.bksort-cont .bksort-cr .qr .cont1 .li small{display:block;font-size:14px;color:#4d4d4d}
.bksort-cont .bksort-cr .qr .cont1 .a-btn{display:block;width:100%;height:42px;line-height:42px;font-size:14px;color:#333;text-align:center;background:#ffd500;border-radius:5px;margin-bottom:5px}
.bksort-cont .bksort-cr .qr .cont1 .a-btn.shiny{background:linear-gradient(-45deg,#ffd500 50%,#ffe669 60%,#ffd500 70%);background-size:400% 100%;animation:shine 20s infinite;animation-delay:0s;animation-timing-function:linear}
@keyframes shine{
	0%{background-position-x:400%}
	50%{background-position-x:0}
	100%{background-position-x:-400%}
}
.bksort-cont .bksort-cr .qr .cont2{margin:-20px;height:234px}
.bksort-cont .bksort-cr .qr .cont2 img{width:100%;height:100%}
.bksort-cont .bksort-cr .soft{padding:20px 20px 15px}
.bksort-cont .bksort-cr .soft-img-c{height:160px;position:relative;margin-bottom:15px;border-radius:5px;overflow:hidden}
.bksort-cont .bksort-cr .soft-img-c img{display:block;width:100%;height:100%}
.bksort-cont .bksort-cr .soft-img-c .play-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:all .25s}
.bksort-cont .bksort-cr .soft-img-c .play-cover:before{content:'';left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all .25s;background:url(../Images/hk_new_index_icons3.png) 0 -115px;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}
.bksort-cont .bksort-cr .soft-img-c:hover .play-cover{opacity:1}
.bksort-cont .bksort-cr .soft-img-c:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1)}
.bksort-cont .bksort-cr .soft-span{display:block;width:100%;font-size:14px;color:#666;line-height:20px;height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bksort-cont .bksort-cr .free .soft-span{width:76%}
.bksort-cont .bksort-cr .free-sm{display:none;font-size:14px;color:#ff583d;line-height:20px;height:20px}
.bksort-cont .bksort-cr .free .free-sm{display:block}
.bksort-cont .bksort-cr .rec-img-c{height:186px;position:relative;margin-bottom:15px}
.bksort-cont .bksort-cr .rec-img-c img{display:block;width:100%;height:100%}
.bksort-cont .bksort-cr .rec-img-c .play-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:all .25s}
.bksort-cont .bksort-cr .rec-img-c .play-cover:before{content:'';left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all .25s;background:url(../Images/hk_new_index_icons3.png) 0 -115px;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}
.bksort-cont .bksort-cr .rec-img-c:hover .play-cover{opacity:1}
.bksort-cont .bksort-cr .rec-img-c:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1)}
.bksort-cont .bksort-cr .lists{padding:20px 20px 0;max-height:360px;overflow:hidden}
.bksort-cont .bksort-cr .lists .li{display:block;float:left;width:50%;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;margin-bottom:20px;position:relative}
.bksort-cont .bksort-cr .lists .li.all{width:100%}
.bksort-cont .bksort-cr .list-c{padding:20px}
.bksort-cont .bksort-cr .list-c .list{margin-bottom:20px}
.bksort-cont .bksort-cr .list-c .list:last-child{margin-bottom:0}
.bksort-cont .bksort-cr .list-c .list .img{width:128px;height:78px;border-radius:5px;overflow:hidden;border:1px solid #ddd;margin-right:20px;float:left}
.bksort-cont .bksort-cr .list-c .list .info-r{float:left;width:110px;height:78px;position:relative}
.bksort-cont .bksort-cr .list-c .list .info-r .h6{display:block;font-size:12px;color:#333;line-height:20px;height:40px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bksort-cont .bksort-cr .list-c .list .info-r .h6:hover{color:#ff701d}
.bksort-cont .bksort-cr .list-c .list .info-r .span{font-size:12px;color:#999;position:absolute;left:0;bottom:20px}
.bksort-cont .bksort-cr .list-c .list .info-r .small{font-size:12px;color:#999;position:absolute;left:0;bottom:2px}
.bk-items h2{height:70px;line-height:70px;font-size:20px;color:#333;text-align:center;border-bottom:1px solid #ddd}
.bk-items .h2s{height:auto;line-height:normal;padding:25px 0}
.bk-items .h2s .b{margin-bottom:20px;font-size:20px;color:#333}
.bk-items .h2s .p{font-size:14px;color:#999;font-weight:400}
.bk-items .h2s .p .span-author{margin-right:30px}
.pb0{padding-bottom:0!important}
.bk-tcont .cont-w{padding:20px 50px 0}
.bk-tcont .cont-w .top-t{border-radius:5px;background:#f7f8fa;padding:15px 20px;font-size:14px;color:#666;line-height:28px;margin-bottom:20px}
.bk-tcont .cont-w .top-timg{margin-bottom:50px}
.bk-tcont .cont-w .top-timg img{width:100%;height:100%}
.bk-tcont .cont-w .cont-items .item .item-title{font-size:18px;font-weight:700;color:#666;position:relative;padding:0 0 20px 12px}
.bk-tcont .cont-w .cont-items .item .item-title:before{content:'';width:4px;height:18px;position:absolute;top:0;left:0;background:#ff701d}
.bk-tcont .cont-w .cont-items .item .item-summary{font-size:14px;color:#666;line-height:28px;margin-bottom:20px}
.bk-tcont .cont-w .cont-items .item .b-tips{color:#ccc;font-size:14px;line-height:24px;padding-bottom:20px}
.bk-tcont .cont-w .cont-items .item .item-c{max-height:550px;overflow:hidden}
.bk-tcont .cont-w .cont-items .item .item-c.hauto{height:auto;overflow:visible;max-height:100%;padding-bottom:20px}
.bk-tcont .cont-w .cont-items .item .item-c p{font-size:14px!important;color:#333!important;line-height:22px!important;}
.bk-tcont .cont-w .cont-items .item .item-c p span{white-space:normal !important;font-size: 14px!important;color: #333!important;}
.bk-tcont .cont-w .cont-items .item .item-c img{display:block;max-width:100%;max-height:100%;margin:10px auto}
.bk-tcont .cont-w .cont-items .item .seeall{padding-bottom:30px;margin-bottom:20px}
.bk-tcont .cont-w .cont-items .item:last-child .seeall{margin-bottom:0}
.bk-tcont .cont-w .cont-items .item .see-all{display:block;width:120px;height:36px;line-height:34px;font-size:14px;color:#999;text-align:center;margin:30px auto 0;border-radius:5px;border:1px solid #ddd}
.bk-tcont .cont-w .cont-items .item .see-all:hover{background:#ffd500;border-color:#ffd500;color:#333}
.bk-lore .bk-lists,.bk-related .bk-lists{padding-top:20px}
.bksort-cont .bksort-cl .bk-lore .bk-lists .list-c.w-all .lists .li{width:50%;padding-right:20px}
.bk-course h3{border-bottom:none!important}
.bk-course .bk-clists{width:100%;padding:0 20px}
.bk-course .bk-clists .c-li{width:280px;float:left;margin:0 20px 20px 0}
.bk-course .bk-clists .c-li:nth-child(4),.bk-course .bk-clists .c-li:nth-child(5),.bk-course .bk-clists .c-li:nth-child(6){margin-top:20px}
.bk-course .bk-clists .c-li:nth-child(3),.bk-course .bk-clists .c-li:nth-child(6){margin-right:0}
.bk-course .bk-clists.soft .c-li{margin-top:0}
.bk-course .bk-clists .c-li .list-img{height:166px;position:relative}
.bk-course .bk-clists .c-li .list-img .show-img{display:block;height:100%;border-radius:5px;overflow:hidden}
.bk-course .bk-clists .c-li .list-img img{width:100%;height:100%}
.bk-course .bk-clists .c-li .list-img .play-cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);opacity:0;transition:all .25s}
.bk-course .bk-clists .c-li .list-img:hover .play-cover{opacity:1}
.bk-course .bk-clists .c-li .list-img .play-cover:before{content:"";left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;transition:all .25s;background:url(../Images/hk_new_index_icons3.png) 0 -115px;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}
.bk-course .bk-clists .c-li .list-img:hover .play-cover:before{-webkit-transform:scale(1);transform:scale(1)}
.bk-course .bk-clists .c-li .list-img .time-length{display:block;padding:0 6px;height:15px;line-height:15px;background:rgba(0,0,0,.25);font-size:12px;color:#fff;border-radius:4px;position:absolute;right:10px;bottom:10px;transition:all .25s ease-in}
.bk-course .bk-clists .c-li .list-name{padding:15px 0}
.bk-course .bk-clists.soft .c-li .list-name{padding-bottom:0}
.bk-course .bk-clists .c-li .list-name .name-link{font-size:16px;color:#333;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-course .bk-clists .c-li .list-name .name-link:hover{color:#ff701d}
.bk-course .bk-clists.soft .c-li .list-name .name-link:hover{color:#E3AD13}
.bk-course .bk-clists .c-li .list-data .class-type{border-radius:2px;color:#fff;font-size:12px;padding:0 5px;height:20px;line-height:20px;margin-right:15px}
.bk-course .bk-clists .c-li .list-data .learn-num,.bk-course .bk-clists .c-li .list-data .level{font-size:14px;color:#999;line-height:20px}
.bk-nav{width:300px;padding:10px 20px;position:relative}
.bk-nav.fixed{position:fixed;top:80px}
.bk-nav:after{content:'';width:12px;height:12px;background:#fff;position:absolute;left:21px;bottom:13px}
.bk-nav .p-w{position:relative}
.bk-nav .p-w:before{content:'';width:12px;height:12px;background:#fff;position:absolute;top:0;left:1px;z-index:9}
.bk-nav .p-w:after{content:'';width:1px;height:100%;background:#ddd;position:absolute;top:0;left:6px;z-index:-1}
.bk-nav p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:#999;position:relative;padding:10px 0 10px 30px;cursor:pointer;margin:5px 0}
.bk-nav p.act,.bk-nav p:hover{color:#ff701d}
.bk-nav p:before{content:'';width:10px;height:10px;border-radius:50%;border:1px solid #ddd;background:#fff;position:absolute;top:12px;left:1px}
.bk-nav p.act:after{content:'';width:8px;height:8px;border-radius:50%;background:#ff701d;position:absolute;top:14px;left:3px}
.cont-items .video-c{padding-bottom:20px}
.cont-items .video-c .see{font-size:18px;font-weight:700;color:#ff701d;position:relative}
.cont-items .video-c .see:after{display:block;content:'';width:10px;height:10px;border-left:2px solid #ff701d;border-bottom:2px solid #ff701d;transform:rotate(-45deg);position:absolute;top:2px;right:-18px}
.cont-items .video-c .video-w{margin-top:20px;border-radius:5px;overflow:hidden}
.cont-items .video-c .a-video{display:block;height:500px;position:relative}
.cont-items .video-c .a-video .video-img{width:100%;height:100%}
.cont-items .video-c .a-video .play-btn{display:block;width:102px;height:102px;background:url(../Images/play-icon4.png) -56px -271px;position:absolute;left:50%;top:50%;margin:-61px -61px;z-index:9}
.cont-items .video-c .a-video .video-bottom{width:100%;position:absolute;left:0;bottom:0}
.cont-items .video-c .b-video{padding:20px;background:#f2f2f2}
.cont-items .video-c .b-video .b-l .t-video{display:inline-block;font-size:18px;color:#333;margin-bottom:20px}
.cont-items .video-c .b-video .b-l .t-video:hover{color:#ff701d}
.cont-items .video-c .b-video .b-l .span span{font-size:14px;color:#666;display:inline-block;margin-right:40px}
.cont-items .video-c .b-video .b-r{display:inline-block;width:120px;height:40px;line-height:40px;font-size:14px;color:#666;text-align:center;background:#ffd500;border-radius:5px;margin-top:6px}
.cont-items .video-c .b-video .b-r:hover{color:#333}

.bksort-cont .bksort-cl .cl-lis{padding:0 30px}
.bksort-cont .bksort-cl .cl-lis .cl-li{padding:25px 0;border-bottom:1px solid #ddd}
.bksort-cont .bksort-cl .cl-lis .cl-li:hover{background:#f8f8f8}
.bksort-cont .bksort-cl .cl-lis .cl-li .l-img{width:260px;height:160px;border-radius:5px;border:1px solid #ddd}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con{width:580px;position:relative}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .a-tit{font-size:20px;color:#333;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 15px}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .a-tit:hover{color:#ff701d;text-decoration:underline}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con p{font-size:14px;color:#999;line-height:20px;height:80px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .xg-w{margin-top:10px}
.bksort-cont .bksort-cl .cl-lis .cl-li .r-con .xg-w .a-xg{font-size:14px;color:#999;display:inline-block;vertical-align:top;overflow:hidden;width:130px;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;position:relative}
.bk-wrap #page-m a{height:32px;min-width:32px;line-height:30px;font-size:14px;color:#666;border-radius:3px}
.bk-wrap #page-m .next,.bk-wrap #page-m .pre,.bk-wrap #page-m .prev{max-width:70px;width:70px}

.guide-bottom{bottom:-130px!important}
.new-guide-bottom{width:100%;height:100px;background:rgba(0,0,0,.6);position:fixed;left:100%;bottom:0;transition:all .4s;z-index:9}
.new-guide-bottom.isShow{left:0}
.new-guide-bottom .layout-cont{height:100%;position:relative}
.new-guide-bottom .close{width:20px;height:20px;position:absolute;top:10px;right:0}
.new-guide-bottom .close:after,.new-guide-bottom .close:before{content:'';width:20px;height:2px;background:#dbdbdb;transform:rotate(-45deg);position:absolute;top:9px;left:0}
.new-guide-bottom .close:after{transform:rotate(45deg)}
.new-guide-bottom .li{width:50%;height:100%}
.new-guide-bottom .li .left-img{width:180px;height:170px;position:absolute;left:0;bottom:0}
.new-guide-bottom .li span{display:inline-block;vertical-align:top;font-size:22px;color:#fff;line-height:40px;padding-top:10px}
.new-guide-bottom .li .left-span{padding-left:210px}
.new-guide-bottom .li .left-span strong{color:#ffdc21;font-weight:400}
.new-guide-bottom .li .right-code{width:80px;height:80px;margin:10px 30px 0 0}
.left-fixed-app{width:130px;border-radius:10px;background:#fdd118;position:fixed;left:0;bottom:0;text-align:center;padding-bottom:12px;z-index:9;cursor:pointer}
.left-fixed-app h4{font-size:14px;font-weight:700;color:#462e2d;padding:12px 0 8px}
.left-fixed-app .span{font-size:12px;color:#462e2d}
.left-fixed-app .qr{width:90px;height:90px;margin:8px auto 0;border-radius:5px}
.top-banner{width:100%;height:110px;overflow:hidden;margin-top:30px}
.top-banner .ul-slide,.top-banner .ul-slide .bd,.top-banner .ul-slide .bd .tempWrap{width:100%;height:100%;position:relative}
.top-banner .ul-slide .bd .tempWrap ul,.top-banner .ul-slide .bd .tempWrap ul li{height:110px}
.top-banner .ul-slide .bd a{display:block;width:100%;height:100%}
#ul-slide2,#ul-slide2 .bd{height:195px;overflow:hidden}
#ul-slide3,#ul-slide3 .bd{height:186px;border-radius:5px;overflow:hidden;position:relative}
#ul-slide3 .bd ul,#ul-slide3 .bd ul li,#ul-slide3 .bd ul li a{display:block;height:186px}
#ul-slide3 .hd{width:100%;position:absolute;left:0;bottom:10px;z-index:9}
#ul-slide3 .hd ul{text-align:center}
#ul-slide3 .hd ul li{display:inline-block;width:8px;height:8px;background:rgba(255,255,255,.8);border-radius:50%;margin:0 2px;cursor:pointer}
#ul-slide3 .hd ul li.on,#ul-slide3 .hd ul li:hover{background:#fff}

@media only screen and (max-width: 1440px){
	.layout-cont{width:1000px}
	.bk-top .bk-tl,.bksort-cont .bksort-cl{width:680px}
	.bk-top .bk-tl .slide-c{padding:15px 40px}
	.bk-top .bk-tl .slide-c .bd ul li{margin-right:40px}
	.bk-course .bk-clists{padding:0 40px}
	.bk-course .bk-clists .c-li{margin-top:20px;margin-right:40px}
	.bk-course .bk-clists .c-li:nth-child(1),.bk-course .bk-clists .c-li:nth-child(2){margin-top:0}
	.bk-course .bk-clists .c-li:nth-child(3n+3){margin-right:40px}
	.bk-course .bk-clists .c-li:nth-child(2n+2){margin-right:0}
	.cont-items .video-c .a-video{height:350px}
    .bksort-cont .bksort-cl .cl-lis{padding:0 20px}
    .bksort-cont .bksort-cl .cl-lis .cl-li{padding:20px 0}
    .bksort-cont .bksort-cl .cl-lis .cl-li .l-img{width:208px;height:128px}
    .bksort-cont .bksort-cl .cl-lis .cl-li .r-con{width:410px}
    .bksort-cont .bksort-cl .cl-lis .cl-li .r-con p{height:60px}
	.top-banner,.top-banner .ul-slide .bd .tempWrap ul,.top-banner .ul-slide .bd .tempWrap ul li{height:88px}
}
